<div data-page="login-screen" class="page navbar-fixed">
  <div class="navbar header">
    <div class="navbar-inner">
      <div class="left sliding"><a href="#" class="open-panel link icon-only"><i class="icon icon-bars"></i></a></div>
      <div class="center ">
        <div class="logo ">Max & John's</div>
      </div>
      <div class="right"><a href="landing.html" class=" link"><i class="fa fa-smile-o"></i></a></div>
    </div>
  </div>
  <div class="toolbar tabbar">
    <div class="toolbar-inner"> <a href="#tab1" class="button active tab-link">Sign in</a> <a href="#tab2" class="button tab-link">Sign up</a> </div>
  </div>
  <div class="page-content logins hide-bars-on-scroll"> <img class="loginsimag" src="img/banner3.png">
    <div class="tabs-animated-wrap">
      <div class="tabs" >
        <div id="tab1" class="tab active">
          <form>
            <div class="list-block">
              <ul>
                <li class="item-content">
                  <div class="item-inner">
                    <div class="item-input">
                      <input class="style login3" type="email" name="email" placeholder="E-mail">
                    </div>
                  </div>
                </li>
                <li class="item-content">
                  <div class="item-inner">
                    <div class="item-input">
                      <input class="style login3" type="password" name="password" placeholder="Password">
                    </div>
                  </div>
                </li>
              </ul>
            </div>
          </form>
          <div class="content-block button-connect "> <a href="#" class="button ">Create Account</a> </div>
        </div>
        <div id="tab2" class="tab">
          <form>
            <div class="list-block">
              <ul>
                <li class="item-content">
                  <div class="item-inner">
                    <div class="item-input">
                      <input class="style login3" type="email" name="email" placeholder="E-mail">
                    </div>
                  </div>
                </li>
                <li class="item-content">
                  <div class="item-inner">
                    <div class="item-input">
                      <input class="style login3" type="text" name="username" placeholder="Username">
                    </div>
                  </div>
                </li>
                <li class="item-content">
                  <div class="item-inner">
                    <div class="item-input">
                      <input class="style login3" type="password" name="password" placeholder="Password">
                    </div>
                  </div>
                </li>
                <li class="item-content">
                  <div class="item-inner">
                    <div class="item-input">
                      <input class="style login3" type="password" name="password" placeholder="Confirm Password">
                    </div>
                  </div>
                </li>
              </ul>
            </div>
          </form>
          <div class="content-block button-connect "> <a href="#" class="button ">Create Account</a> </div>
        </div>
      </div>
    </div>
  </div>
</div>
